<div class="main-content">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <ol class="breadcrumb">
                    <li>
                        <i class="clip-file"></i>
                        <a id="enviarcomprobante" href="<?= base_url("logistica/reportes/proveedores"); ?>">
                            Ventas
                        </a>
                    </li>
                    <li class="active">
                        Facturación
                    </li>﻿  ﻿  ﻿  ﻿  ﻿  
                </ol>
                <div class="page-header">
                    <h1>Facturación <small>  Comprobante de Venta</small></h1>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="alert" id="mensajeC" style="display: none;"></div>
                <!-- start: DYNAMIC TABLE PANEL -->
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <i class="icon-external-link-sign"></i>
                        Comprobante
                        <div class="panel-tools">
                            <a class="btn btn-xs btn-link panel-collapse collapses" href="#">
                            </a>
                            <a class="btn btn-xs btn-link panel-config" href="#panel-config" data-toggle="modal">
                                <i class="icon-wrench"></i>
                            </a>
                            <a class="btn btn-xs btn-link panel-refresh" href="#">
                                <i class="icon-refresh"></i>
                            </a>
                            <a class="btn btn-xs btn-link panel-expand" href="#">
                                <i class="icon-resize-full"></i>
                            </a>
                            <!--<a class="btn btn-xs btn-link panel-close" href="#">
                                <i class="icon-remove"></i>
                            </a> -->
                        </div>
                    </div>

                    <div class="panel-body">

                        <form action="<?php echo base_url("ventas/proceso/IComprobantVenta") ?>" role="form" class="form-horizontal" id="frmComprobanteVenta" method="POST" >                            
                           <div class="row">
                                        <div class="col-md-6">

                                            <div class="form-group">
                                                <label class="col-sm-3 control-label" for="cmbComprobante">
                                                    Almacén                              
                                                </label>
                                                <div class="col-sm-8">                                            
                                                    <select class="form-control search-select" id="cmbSucursal">
                                                    <option value=""></option>                                                     
                                        <?php
                                    if (!empty($sucursal)) :
                                    foreach ($sucursal as $fila):
                                                        
                                                    echo '<option value="'.$fila->cod_alm.'">'.$fila->desc_alm.'</option>';                                                       
                                                        
                                        
                                    endforeach;
                                    endif;
                                ?>       
                                                    </select>
                                                </div>

                                            </div>

                                        </div>
                                        
                                    </div>
                            <div class="row">
                         
                                <div class="col-md-8"> 
                                    <div class="row">
                                        <div class="col-md-6">

                                            <div class="form-group">
                                                <label class="col-sm-3 control-label" for="cmbComprobante">
                                                    Documento
                                                </label>
                                                <div class="col-sm-8">                                            
                                                    <select class="form-control search-select" id="cmbTipDocumento">
                                                    <option value="B">Boleta</option>                                                     
                                        <option value="N">Nota de Venta</option>  
                                        <option value="F">Factura</option>  
                                                    </select>
                                                </div>

                                            </div>

                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="col-sm-2 control-label" for="txtSerieDic">
                                                    Serie
                                                </label>
                                                <div class="col-sm-3">
                                                    <input type="text" id="txtSerieDoc" value="0001" readonly="true"  class="form-control">
                                                </div>
                                                <label class="col-sm-1 control-label" for="txtNumDoc">
                                                    N°
                                                </label>
                                                <div class="col-sm-5">
                                                    <input type="text" readonly="true" id="txtNumDoc"  class="form-control" >
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="form-horizontal">
                                        <div class="row">
                                            <div class="col-md-9">
                                                <div class="form-group">
                                                  
                                                    <div class="col-sm-12">
                                                        <input type="hidden" id="codProd2">
                                                        <input type="hidden" id="codAlmacen">
                                                        <input type="hidden" id="codColor">
                                                        <input type="text" id="descProd2" style="width: 515px">
                                                    </div>  
                                                </div>  
                                            </div>                                        
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label" for="txtCanPro">
                                                        Cantidad
                                                    </label>
                                                    <div class="col-sm-6">
                                                        <input type="text" id="txtCanPro"   class="form-control">
                                                    </div>
                                                </div>
                                            </div>

                                        </div>                                    
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">

                                            <div class="form-group">
                                                <label class="col-sm-3 control-label" for="txtModPro">
                                                    Detalle
                                                </label>
                                                <div class="col-sm-8">                                            
                                                    <input type="text" id="txtModPro" disabled="true" class="form-control">
                                                </div>

                                            </div>

                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="col-sm-2 control-label" for="txtPrePro">
                                                    Precio
                                                </label>
                                                <div class="col-sm-4">
                                                    <input type="text" id="txtPrePro"   class="form-control">
                                                </div>
                                                <label class="col-sm-2 control-label" for="txtStkPro">
                                                    Stock
                                                </label>
                                                <div class="col-sm-3">
                                                    <input type="text" readonly="true" id="txtStkPro"  class="form-control" >
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-6">
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="col-sm-2 control-label" >

                                                </label>
                                                <div class="col-sm-4">

                                                </div>

                                                <div class="col-sm-5">
                                                    <button type="button" id="btnAgCar" style="margin-top: -1px; width: 100%;" class="btn btn-blue"><i class="icon-plus"></i> Agregar</button>

                                                </div>
                                            </div>
                                        </div>





                                    </div>

                                    <hr>   
                                    <div id="tablar">
                                        <?php
                                        //si el carrito contiene productos los mostramos
                                        if ($carrito = $this->cart->contents()) {
                                            ?>
                                            <div class="grid_5" id="contenidoCarrito" >
                                                <table class='table table-striped table-bordered table-hover table-full-width' id='tabla'>
                                                    <thead>
                                                        <tr>
                                                            <th style='width: 5%'>ID</th>
                                                            <th style='width: 45%'>descripción</th>
                                                            <th style='width: 15%'>precio</th>
                                                            <th style='width: 10%'>cantidad</th>
                                                            <th style='width: 15%'>subtotal</th>
                                                            <th style='width: 10%'>Eliminar</th>
                                                        </tr></thead><tbody>
                                                        <?php
                                                        $contador = 1;
                                                        foreach ($carrito as $item) {
                                                            ?>
                                                            <tr>
                                                                <td><?= $contador ?></td>
                                                                <td><?= $item['name'] ?></td>
                                                                <td><?= $item['price'] ?></td>
                                                                <td><?= $item['qty'] ?></td>
                                                                <td><?= $item['qty'] * $item['price'] ?>.000</td>
                                                                <td><a  onclick="eliminarProducto('<?= $item['rowid'] ?>');" class='btn btn-danger tooltips panel-config'><i class='icon-remove'></i></a></td></tr>

                                                            <?php
                                                        }
                                                        ?>
                                                    </tbody></table>



                                            </div>
                                            <?php
                                        }
                                        ?><input type='hidden' id='txtValTotVent'  value='<?= $this->cart->total() ?> '  >
                                    </div>
                                </div>


                                <div class="col-md-4"> 
                                    <div class="row">
                                        <div class="form-group">
                                            <div class="col-md-11">
                                                <button type="button" class="btn btn-dark-grey btn-lg btn-block" style="color: springgreen;font-size: 45px;">
                                                    S./ <label id="lblVenta" >.00</label>  <i class="fa fa-arrow-circle-right"></i>
                                                </button>


                                            </div>
                                        </div>

                                    </div>

                                    <div class="alert" id="mensaje" style="display: none;"></div>
                                    <div class="row">
                                        <div class="form-group">
                                            <div class="col-md-12">
                                                <label class="col-sm-11 control-label" id="lblNumCli"></label>
                                            </div>
                                        </div>

                                    </div>

                                    <div class="row">
                                        <div class="form-group">
                                            <div class="col-md-12">
                                                <div class="col-sm-10">

                                                    <input type="text" id="dniRucCli" style="width: 100%;">
                                                </div>
                                                <a class="btn btn-success" data-toggle="modal" href="#vtnFrmCli" ><i class="icon icon-plus"></i></a>

                                            </div>
                                        </div>

                                    </div>

                                    <hr>
                                    <div class="row">

                                        <div class="form-group">
                                            <div class="col-md-12">
                                                <label class="col-sm-5 control-label" for="txtTelCli">
                                                    Valor de Venta
                                                </label>
                                                <div class="col-sm-6 input-group">
                                                    <span class="input-group-addon">
                                                        <i class="icon-dollar"></i>
                                                    </span>
                                                    <input type="text" id="lblValorVenta"  style="font-size: 20px;" readonly="true" class="form-control text-right" value="0.00">
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="row">

                                        <div class="form-group">
                                            <div class="col-md-12">
                                                <label class="col-sm-5 control-label" for="txtTelCli">
                                                    I.G.V %
                                                </label>
                                                <div class="col-sm-6 input-group">
                                                    <span class="input-group-addon">
                                                        <i class="icon-dollar"></i>
                                                    </span>
                                                    <input type="text" id="lblValorIGV"  style="font-size: 20px;" readonly="true" class="form-control text-right" value="0.00">
                                                </div>

                                            </div>
                                        </div>

                                    </div>
                                    <div class="row">
                                        <div class="form-group">
                                            <div class="col-md-12">
                                                <label class="col-sm-5 control-label" for="txtTelCli">
                                                    Forma de Pago
                                                </label>
                                                <div class="col-sm-6 input-group">
                                                    <select class="form-control search-select" id="cmbTipPago">
                                                        <option value=""></option>
                                                        <option value="E">Efectivo</option>
                                                        <option value="TC">Tarjeta de crédito</option>
                                                        <option value="C">Credito</option>
                                                        <option value="G">Giro</option>

                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="formapagotodo">
                                    <div id="formaPagoE" style="display: none;">
                                    <div class="row">

                                        <div class="form-group">
                                            <div class="col-md-12">
                                                <label class="col-sm-5 control-label" for="txtPago">
                                                    PAGÓ :
                                                </label>
                                                <div class="col-sm-6 input-group">
                                                    <span class="input-group-addon">
                                                        <i class="icon-dollar"></i>
                                                    </span>
                                                    <input type="text" id="txtPago"  style="font-size: 20px;"  class="form-control text-right" value="0.00">
                                                </div>

                                            </div>
                                        </div>

                                    </div>

                                    <div class="row">

                                        <div class="form-group">

                                            <div class="col-md-12">
                                                <label class="col-sm-5 control-label" for="txtVuelto">
                                                    VUELTO:
                                                </label>
                                                <div class="col-sm-6 input-group">
                                                    <span class="input-group-addon">
                                                        <i class="icon-dollar"></i>
                                                    </span>
                                                    <input type="text" id="txtVuelto"  style="font-size: 20px;" readonly="true" class="form-control text-right" value="0.00">
                                                </div>

                                            </div>
                                        </div>

                                    </div>
                                        </div>
                                    <div id="formaPagoC" style="display: none;">
                                 <div class="row">

                                        <div class="form-group">

                                            <div class="col-md-12">
                                                <label class="col-sm-5 control-label" for="txtVuelto">
                                                    PAGO A CUENTA:
                                                </label>
                                                <div class="col-sm-6 input-group">
                                                    <span class="input-group-addon">
                                                        <i class="icon-dollar"></i>
                                                    </span>
                                                    <input type="text" id="txtPagoCuenta"  style="font-size: 20px;" class="form-control text-right" value="0.00">
                                                </div>

                                            </div>
                                        </div>

                                    </div>
                                  
                                    </div>
                                    <div id="Giro" style="display: none;">
                                         <div class="row">

                                        <div class="form-group">

                                            <div class="col-md-12">
                                                <label class="col-sm-5 control-label" for="txtNroDGiro">
                                                    Nro° Días:
                                                </label>
                                                <div class="col-sm-6 input-group">
                                                    <span class="input-group-addon">
                                                        <i class="icon-dashboard"></i>
                                                    </span>
                                                    <input type="text" id="txtNroDGiro"  style="font-size: 20px;" class="form-control text-right" >
                                                </div>

                                            </div>
                                        </div>

                                    </div>   
                                    </div></div
                                    <!-- fin de forma de Pago  ---------->
                                    <hr>
                                    <div class="row">

                                        <div class="form-group">
                                            <div class="col-md-11">
                                                <button type="button" class="btn btn-yellow btn-lg btn-block" style="font-size: 25px;font-family: fantasy" id="regVenta">
                                                    FINALIZAR VENTA <i class="fa fa-arrow-circle-right"></i>
                                                </button>


                                            </div>
                                        </div>

                                    </div>

                                    <hr>
                                </div>
                            </div>

                            <?php
                            //si el carrito contiene productos los mostramos
                            if ($carrito = $this->cart->contents()) {
                                ?>
                                <div class="grid_5" id="contenidoCarrito" style="display: none;">
                                    <table>
                                        <legend>Carrito de la compra</legend>
                                        <tr>
                                            <th>Nombre</th>

                                            <th>Precio</th>
                                            <th>Cantidad</th>
                                            <th>Eliminar</th>
                                        </tr>
                                        <?php
                                        foreach ($carrito as $item) {
                                            ?>
                                            <tr>
                                                <td><?= ucfirst($item['name']) ?></td>
                                                <td>
                                                    <?php
                                                    $nombres = array('nombre' => ucfirst($item['name']));

                                                    $precio = $item['price'];
                                                    ?>
                                                </td>
                                                <td><?= $item['price'] ?></td>
                                                <td><?= $item['qty'] ?></td>
                                                <td id="eliminar"><?= anchor('../catalogo/eliminarProducto/' . $item['rowid'], 'Eliminar') ?></td>
                                            </tr>
        <?php
    }
    ?>
                                        <tr id="total">
                                            <td><strong>Total:</strong></td>
                                            <td colspan="1"><?= $this->cart->total() ?> euros.</td>
                                            <td colspan="4" id="eliminarCarrito"><?= anchor('../catalogo/eliminarCarrito', 'Vaciar carrito') ?></td>
                                        </tr>
                                    </table>
                                </div>
    <?php
}
?>
                            <hr>

                        </form>  

                    </div>
                </div>
                <!-- end: DYNAMIC TABLE PANEL -->
            </div>

        </div>   

    </div>
</div>

<!-- Inicio Dialogo Modal Clientes -->
<div id="vtnFrmCli" class="modal fade" aria-hidden="true" role="dialog" tabindex="-1" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" aria-hidden="true" data-dismiss="modal" type="button">
                    ×
                </button>
                <h4 class="modal-title" id="tituFrm">
                    Formulario Cliente
                </h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <!-- start: TEXT FIELDS PANEL -->
                    <div class="panel-body">
                        <div class="alert" id="mensaje" style="display: none;"></div>
                        <form role="form" class="form-horizontal">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="direccion">Persona</label>
                                        <div class="col-sm-10">
                                            <span class="input-icon">
                                                <select class="form-control search-select" id="cmbTipPerson">
                                                    <option value="J">Júridica</option>
                                                    <option value="N">Natural</option>
                                                </select>                                               
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="frmCliente">Cliente</label>
                                        <div class="col-sm-10">
                                            <input type="hidden" id="idProv" value="" class="form-control">
                                            <span class="input-icon">                                                
                                                <input type="text" id="frmCliente" class="form-control">
                                                <i class="icon-user"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="direccion">Dirección</label>
                                        <div class="col-sm-10">
                                            <span class="input-icon">
                                                <input type="text" id="direccion" class="form-control">
                                                <i class="icon-hand-right"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="col-sm-4 control-label" for="frmRuc" id="lblTipPer">RUC</label>
                                        <div class="col-sm-8">
                                            <span class="input-icon">
                                                <input type="text" id="frmRuc" class="form-control limited" maxlength="11">
                                                <i class="icon-hand-right"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="col-sm-4 control-label" for="telefono">Teléfono</label>
                                        <div class="col-sm-8">
                                            <span class="input-icon">
                                                <input type="text" id="telefono" class="form-control">
                                                <i class="icon-phone"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="email">Email</label>
                                        <div class="col-sm-10">
                                            <span class="input-icon">
                                                <input type="text" id="email" class="form-control">
                                                <i class="icon-skype"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- end: TEXT FIELDS PANEL -->
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-default" id="cerrarForCliente" data-dismiss="modal" type="button">
                    Cerrar
                </button>
                <button class="btn btn-primary" type="button" id="regCliente" > 
                    Guardar
                </button>
            </div>
        </div>
    </div>
</div>
<!-- Final Dialogo Modal Clientes -->

<script type="text/javascript">

                                                            function calcVen(Total) {
                                                                $("#lblVenta").text(Total);
                                                                $("#lblValorIGV").val((Total * 18 / 100));
                                                                $("#lblValorVenta").val((Total - (Total * 18 / 100)));
                                                                if ($("#txtPago").val() === "0.00") {
                                                                    $("#txtVuelto").val("0.00");
                                                                } else {
                                                                     var vuelto = ($("#txtPago").val()) - ($("#lblVenta").text());
                                                                    $("#txtVuelto").val(vuelto + ".00");
                                                                }

                                                            }
                                                            function agregarCarrito(url, id,alm,col,cant) {

                                                                $.ajax({
                                                                    type: "POST",
                                                                    url: url,
                                                                    data: {id: id, cant: cant,alm:alm,col:col}, //usarlo cuando se envía mediante POST
                                                                    contentType: "application/x-www-form-urlencoded; charset=utf-8",
                                                                    success: function(msg) {

                                                                        $("#tablar").html(msg);
                                                                        $('#tabla').dataTable();
                                                                        calcVen($("#txtValTotVent").val());
                                                                        limpDatosFrmcCP();
                                                                    }
                                                                });
                                                            }

                                                            function eliminarProducto(ide) {

                                                                $.ajax({
                                                                    type: "POST",
                                                                    url: "frmeliminarProductos",
                                                                    data: {rowid: ide}, //usarlo cuando se envía mediante POST
                                                                    contentType: "application/x-www-form-urlencoded; charset=utf-8",
                                                                    success: function(msg) {
                                                                        $("#tablar").html(msg);
                                                                        $('#tabla').dataTable();
                                                                        calcVen($("#txtValTotVent").val());
                                                                    }
                                                                });
                                                            }
                                                            function nuevoCliente(tipo, cli, nro, dir, tel, em) {

                                                                $.ajax({
                                                                    type: "POST",
                                                                    url: "insertarCliente",
                                                                    data: {tipo: tipo, cli: cli, nro: nro, dir: dir, tel: tel, em: em}, //usarlo cuando se envía mediante POST
                                                                    contentType: "application/x-www-form-urlencoded; charset=utf-8",
                                                                    success: function(msg) {
                                                                        $('#cmbTipPerson').select2("val","");$("#frmCliente").val("");$("#frmRuc").val("");$("#direccion").val("");$("#telefono").val("");$("#email").val("");
                                                                    
                                                                        $("#cerrarForCliente").click();
                                                                        
                                                                    }
                                                                   
                                                                });
                                                            }

                                                            $(function() {

                                                                calcVen($("#txtValTotVent").val());
                                                                $('#tabla').dataTable();
                                                                $("#cmbTipPago").click(function() {
                                                                                                                                    
                                                                    if($('#cmbTipPago').select2("val")==="TC"){
                                                                         $("#formaPagoC").css("display","none");
                                                                          $("#Giro").css("display","none");
                                                                          $("#formaPagoE").css("display","none"); 
                                                                    }else if($('#cmbTipPago').select2("val")==="E"){
                                                                          $("#formaPagoC").css("display","none");
                                                                          $("#Giro").css("display","none");
                                                                          $("#formaPagoE").css("display","block"); 
                                                                    }else if($('#cmbTipPago').select2("val")==="C"){
                                                                          $("#formaPagoC").css("display","block");
                                                                          $("#Giro").css("display","none");
                                                                          $("#formaPagoE").css("display","none"); 
                                                                    }else if($('#cmbTipPago').select2("val")==="G"){
                                                                          $("#formaPagoC").css("display","none");
                                                                          $("#Giro").css("display","block");
                                                                          $("#formaPagoE").css("display","none"); 
                                                                    }else{                                                                         
                                                                          $("#formaPagoC").css("display","none");
                                                                          $("#Giro").css("display","none");
                                                                          $("#formaPagoE").css("display","none");                                                                         
                                                                    }
                                                                
                                                                   
                                                                });
                                                                $("#cmbTipDocumento").click(function() {
                                                                    generarCodigoVenta($('#cmbTipDocumento').select2("val"));
                                                                });

                                                                $("#regVenta").click(function() {
                                                                    guardarComprobante($('#cmbTipDocumento').select2("val"), $("#txtSerieDoc").val(), $("#txtNumDoc").val(), $('#dniRucCli').select2("val"),$('#cmbTipPago').select2("val"),$("#txtPagoCuenta").val(),$("#txtNroDGiro").val());
                                                                });
                                                                $("#regCliente").click(function() {
                                                                    nuevoCliente($('#cmbTipPerson').select2("val"), $("#frmCliente").val(), $("#frmRuc").val(), $("#direccion").val(), $("#telefono").val(), $("#email").val());
                                                                });
                                                                $("#btnAgCar").click(function() {

                                                                    agregarCarrito("<?php echo base_url("ventas/proceso/AgregarCarrito") ?>", $("#codProd2").val(),$("#codAlmacen").val(),$("#codColor").val(), $("#txtCanPro").val());
                                                                });

                                                                /******  FILTRAR PRODUCTOS SELECT 2 VENTAS   **********/
                                                                $('#descProd2').select2({
                                                                    placeholder: 'Ingrese producto',
                                                                    minimumInputLength: 3,
                                                                    allowClear: true,
                                                                    ajax: {
                                                                        quietMillis: 150,
                                                                        url: 'filtradodeProd',
                                                                        dataType: 'json',
                                                                        data: function(term, page) {
                                                                            return {
                                                                                apikey: "ju6z9mjyaj62d8uekgbvv26t",
                                                                                q: term,
                                                                                cod: $("#cmbSucursal").select2("val")
                                                                            };
                                                                        },
                                                                        results: function(data, page) {
                                                                            var myResults = [];
                                                                            $.each(data, function(index, item) {
                                                                                var total = item.length;
                                                                                var i;
                                                                                for (i = 0; i < total; i++) {
                                                                                    myResults.push({
                                                                                        id: item[i].id_prod+"|"+item[i].almacen_cod+"|"+item[i].color_id, //this.registros[index].cod,
                                                                                        text: item[i].producto //this.registros[index].desc
                                                                                    });
                                                                                }
                                                                            });
                                                                            return {results: myResults};
                                                                        }
                                                                    }
                                                                }).on('change', function() {
                                                                    //EJECUTAR EVENTO AL SELECCIONAR UN ITEM DE SELECT2
                                                                     
                                                                    cargarDatosFrmCP($("#descProd2").select2("val"));

                                                                }).trigger('change');

                                                                /******  FILTRAR PRODUCTOS SELECT 2 VENTAS   **********/
                                                                $('#dniRucCli').select2({
                                                                    placeholder: 'Ingrese cliente',
                                                                    minimumInputLength: 1,
                                                                    allowClear: true,
                                                                    ajax: {
                                                                        quietMillis: 150,
                                                                        url: 'filtrarClientes',
                                                                        dataType: 'json',
                                                                        data: function(term, page) {
                                                                            return {
                                                                                apikey: "ju6z9mjyaj62d8uekgbvv26r",
                                                                                q: term,
                                                                                tipo: $('#cmbTipDocumento').select2("val")
                                                                            };
                                                                        },
                                                                        results: function(data, page) {
                                                                            var myResults = [];
                                                                            $.each(data, function(index, item) {
                                                                                var total = item.length;
                                                                                var i;
                                                                                for (i = 0; i < total; i++) {
                                                                                    myResults.push({
                                                                                        id: item[i].idcliente, //this.registros[index].cod,
                                                                                        text: item[i].cliente //this.registros[index].desc
                                                                                    });
                                                                                }
                                                                            });
                                                                            return {results: myResults};
                                                                        }
                                                                    }
                                                                }).on('change', function() {
                                                                    //EJECUTAR EVENTO AL SELECCIONAR UN ITEM DE SELECT2
                                                                   

                                                                }).trigger('change');


                                                                //inicio  buscar cliente con solo caja de texto
                                                                $('#txtNumCli').bind("enterKey", function(e) {
                                                                    verCliente($('#cmbTipDocumento').select2("val"), $("#txtNumCli").val());
                                                                });
                                                                $('#txtNumCli').keyup(function(e) {
                                                                    if (e.keyCode === 13)
                                                                    {
                                                                        $(this).trigger("enterKey");
                                                                    }
                                                                });
                                                                // fin buscar cliente con solo caja de texto
                                                                //inicio  buscar cliente con solo caja de texto
                                                                $('#txtPago').bind("enterKey", function(e) {
                                                                    var vuelto = ($("#txtPago").val()) - ($("#lblVenta").text());
                                                                    $("#txtVuelto").val(vuelto + ".00");
                                                                });
                                                                $('#txtPago').keyup(function(e) {
                                                                    if (e.keyCode === 13)
                                                                    {
                                                                        $(this).trigger("enterKey");
                                                                    }
                                                                });
                                                                // fin buscar cliente con solo caja de texto
                                                            });

                                                            function limpDatosFrmcCP() {
                                                                $("#txtModPro").val("");
                                                                $("#codProd2").val("");
                                                                $("#txtPrePro").val("");
                                                                $("#txtStkPro").val("");
                                                                $("#txtCanPro").val("");
                                                                $("#descProd2").select2("val", "");
                                                            }
                                                            function cargarDatosFrmCP(id) {
                                                                $.ajax({
                                                                    type: "POST",
                                                                    url: "cargarProdForm",
                                                                    data: {codProd: id},
                                                                    contentType: "application/x-www-form-urlencoded; charset=utf-8",
                                                                    dataType: "json",
                                                                    success: function(msg) {
                                                                        $(msg).each(function() {
                                                                            if (this.registros !== null) {
                                                                                if (id !== "") {
                                                                                    $("#txtModPro").val(this.registros[0].producto);
                                                                                    $("#codProd2").val(this.registros[0].id_prod);
                                                                                    $("#txtPrePro").val(this.registros[0].precio);
                                                                                    $("#txtStkPro").val(this.registros[0].stock);
                                                                                    $("#codColor").val(this.registros[0].color_id);
                                                                                    $("#codAlmacen").val(this.registros[0].almacen_cod);
                                                                                } else {
                                                                                    limpDatosFrmcCP();
                                                                                }

                                                                            }
                                                                        });
                                                                    }
                                                                });
                                                            }



                                                            function generarCodigoVenta(tipo) {

                                                                $.ajax({
                                                                    type: "POST",
                                                                    url: "listCodVenta",
                                                                    data: {tipo: tipo},
                                                                    contentType: "application/x-www-form-urlencoded; charset=utf-8",
                                                                    success: function(msg) {
                                                                        $("#txtNumDoc").val(msg);
                                                                    }
                                                                });
                                                            }

                                                            function guardarComprobante(tip, ser, num, codCli,pago,pac,dia) {

                                                                $.ajax({
                                                                    type: "POST",
                                                                    url: "IComprobantVenta",
                                                                    data: {tip: tip, ser: ser, num: num, codCli: codCli,pago:pago,pac:pac,dia:dia},
                                                                    contentType: "application/x-www-form-urlencoded; charset=utf-8",
                                                                    success: function(msg) {
                                                                        menExito("mensajeC");
                                                                        $("#tablar").html(msg);
                                                                        $('#cmbTipDocumento').select2("val", "");
                                                                       
                                                                        $("#txtNumDoc").val("");
                                                                        $('#dniRucCli').select2("val", "");
                                                                        $('#cmbTipPago').select2("val","");
                                                                        calcVen($("#txtValTotVent").val());
                                                                        if(confirm("Desea imprimir el comprobante")){
                                                                       //  var id=$("#txtidVenta").val();
                                                                        // var tip=$("#txtTipoBoleta").val();
                                                                        // var url=<?= base_url("ventas/reportes/imprimirComprobante/"); ?>;
                                                                        //document.location.href = url+"/"+id;
                                                                        window.open("<?= base_url("ventas/reportes/imprimirComprobante"); ?>");
                                                                        return true;
                                                                        }else{
                                                                        return false;    
                                                                        }
                                                                    },
                                                                    error: menProblemas("mensajeC", "comprobante", "guardó")
                                                                });
                                                            }

                                                            function menProblemas(id, reg, accion) {
                                                                $("#" + id).css("display", "block");
                                                                mensaje = "<i class='icon-remove-sign'></i><strong> Error!</strong> No se " + accion + " el " + reg + ".";
                                                                clase = "alert-danger";
                                                                $("#" + id).html(mensaje).addClass(clase);
                                                                setTimeout(function() {
                                                                    $("#" + id).fadeOut(1500);
                                                                }, 2000);
                                                            }
                                                            function menExito(id) {
                                                                $("#" + id).css("display", "block");
                                                                mensaje = "<i class='icon-ok-sign'></i><strong> Correcto!</strong> Datos guardados correctamente.";
                                                                clase = "alert-info";
                                                                $("#" + id).html(mensaje).addClass(clase);
                                                                setTimeout(function() {
                                                                    $("#" + id).fadeOut(1500);
                                                                }, 2000);
                                                            }

                                                            function verCliente(tipo, num) {
                                                                $.ajax({
                                                                    type: "POST",
                                                                    url: "filtrarClientes",
                                                                    data: {tipo: tipo, num: num},
                                                                    contentType: "application/x-www-form-urlencoded; charset=utf-8",
                                                                    dataType: "json",
                                                                    success: function(msg) {
                                                                        $(msg).each(function() {
                                                                            if (this.registros !== null) {

                                                                                var mensaje;
                                                                                var clase;
                                                                                if (this.registros[0].existe > 0) {
                                                                                    $("#mensaje").css("display", "block");
                                                                                    mensaje = "<i class='icon-remove-sign'></i><strong> Error!</strong> No se encontró el cliente.";
                                                                                    clase = "alert-danger";
                                                                                    $("#txtNomCli").val("");
                                                                                    $("#txtcodCli").val("");
                                                                                } else {
                                                                                    $("#txtNomCli").val(this.registros[0].cliente);
                                                                                    $("#txtcodCli").val(this.registros[0].idcliente);
                                                                                }

                                                                                $("#mensaje").html(mensaje).addClass(clase);
                                                                                setTimeout(function() {
                                                                                    $("#mensaje").fadeOut(1500);
                                                                                }, 2000);

                                                                            }
                                                                        });
                                                                    }
                                                                });
                                                            }

</script>